<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{pigcms:$tpl.wxname}</title>
        <base href="." />
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
		<link href="{pigcms::RES}/css/192/index.css" rel="stylesheet" type="text/css" />
        <script src="{pigcms::RES}/css/192/iscroll.js" type="text/javascript"></script>
		<link rel="stylesheet" href="{pigcms::RES}/css/192/idangerous.swiper.css">
        <script type="text/javascript">
            var myScroll;

            function loaded() {
                myScroll = new iScroll('wrapper', {
                    snap: true,
                    momentum: false,
                    hScrollbar: false,
                    onScrollEnd: function () {
                        document.querySelector('#indicator > li.active').className = '';
                        document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
                    }
                });
 
 
            }

            document.addEventListener('DOMContentLoaded', loaded, false);
        </script>

    </head>


<body id="cate18">
    <!--背景音乐-->
    <if condition="$homeInfo['musicurl'] neq false"><include file="Index:music"/></if>
	<div id="insert1" style="z-index:10000; position:fixed; top:20px;" ></div>
	<style>
.btn_music {
display: inline-block;
width: 35px;
height: 35px;
background: url('{pigcms::RES}/css/193/images/play.png') no-repeat center center;
background-size: 100% auto;
position: fixed;
z-index: 100;
right: 15px;
top: 20px;
}
.btn_music.on {
    background-image: url("{pigcms::RES}/css/193/images/stop.png");
}
</style>
<script src="{pigcms::RES}/css/193/js/audio.js" type="text/javascript"></script>
 
        
<span id="playbox" class="btn_music" onClick="playbox.init(this).play();"><audio src="{pigcms:$homebgmp3}" loop id="audio"></audio></span>
<script>
playbox.init(document.getElementById('playbox')).play();
</script>

	 <div class="banner">
		<div id="wrapper">
			<div id="scroller">
				<ul id="thelist"> 
				<volist name="flash" id="so">
						<li><p>{pigcms:$so.info}</p><if condition="$so['url'] eq ''"><img src="{pigcms:$so.img}" /><else/><a href="{pigcms:$so.url}"><img src="{pigcms:$so.img}" /></a></if></li>
				</volist>
				</ul>
			</div>
		</div>



	<div class="device">
		<a class="arrow-left" href="#"></a> 
		<a class="arrow-right" href="#"></a>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="content-slide">
						<php>$i=1;</php>
						<volist name="info" id="vo">
<php>
if($i==25 or $i==41 or $i==57){
echo '						</div></div><div class="swiper-slide"><div class="content-slide">';
}
$i++;
</php>
					<a href="<if condition="$vo['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$vo['id'],'token'=>$vo['token']))}<else/>{pigcms:$vo.url|htmlspecialchars_decode}</if>">
							<p class="ico"><img src="{pigcms:$vo.img}" /></p>
							<p class="title">{pigcms:$vo.name}</p>
						</a>

						</volist>
					</div>
    			</div>			

			</div>
			<div class="pagination"></div>
		</div>

	<script type="text/javascript">
 	        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

        // 发送给好友
        WeixinJSBridge.on('menu:share:appmessage', function (argv) {
            WeixinJSBridge.invoke('sendAppMessage', { 
                "img_url": window.shareData.imgUrl,
               // "img_width": "640",
               // "img_height": "640",
                "link": window.shareData.sendFriendLink,
                "desc": window.shareData.fContent,
                "title": window.shareData.fTitle
            }, function (res) {
                _report('send_msg', res.err_msg);
            })
        });

        // 分享到朋友圈
        WeixinJSBridge.on('menu:share:timeline', function (argv) {
            WeixinJSBridge.invoke('shareTimeline', {
                "img_url": window.shareData.imgUrl,
                "img_width": "640",
                "img_height": "640",
                "link": window.shareData.timeLineLink,
                "desc": window.shareData.tContent,
                "title": window.shareData.tTitle
            }, function (res) {
                _report('timeline', res.err_msg);
            });
        });

        // 分享到微博
        WeixinJSBridge.on('menu:share:weibo', function (argv) {
            WeixinJSBridge.invoke('shareWeibo', {
                "content": window.shareData.wContent,
                "url": window.shareData.weiboLink,
            }, function (res) {
                _report('weibo', res.err_msg);
            });
        });
        }, false)
    </script>



	<script src="{pigcms::RES}/css/192/jquery-1.10.1.min.js" type="text/javascript"></script>
	<script src="{pigcms::RES}/css/192/idangerous.swiper-2.1.min.js" type="text/javascript"></script>
	<script>
	 var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true
  })
  $('.arrow-left').on('click', function(e){
    e.preventDefault()
    mySwiper.swipePrev()
  })
  $('.arrow-right').on('click', function(e){
    e.preventDefault()
    mySwiper.swipeNext()
  })
  </script>


	<script>
	var count = document.getElementById("thelist").getElementsByTagName("img").length;	

	var count2 = document.getElementsByClassName("menuimg").length;
	for(i=0;i<count;i++){
	document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

	}
	document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

	setInterval(function(){
	myScroll.scrollToPage('next', 0,400,count);
	},3500 );
	window.onresize = function(){ 
	for(i=0;i<count;i++){
	document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

	}
	document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
	} 

	</script>
 
 
		</div>
 
		<div style="display:none"> </div>
 
		<div id="leafContainer"></div>   
	</div>
<style>
 #leafContainer 
{
    position:fixed;
    z-index:2;
width:100%;
    height: 690px;
top:0;
overflow:hidden;
}
 #leafContainer > div 
{
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

#leafContainer > div > img {
     position: absolute;
     width: 100%;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}

 @-webkit-keyframes fade
{
   
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}

 @-webkit-keyframes drop
{
       0%   { -webkit-transform: translate(0px, -50px); }
    100% { -webkit-transform: translate(0px, 650px); }
}
 @-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}
 @-webkit-keyframes counterclockwiseSpinAndFlip 
{
    
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
   
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}
 </style>
 <div class="copyright" style="text-align:center;"><if condition="$iscopyright eq 1">{pigcms:$homeInfo.copyright}<else/>{pigcms:$siteCopyright}</if></div>
<include file="Index:styleInclude"/> 
 </body>
</html>
